<template>
    <div class="login">
        <div class="container">
            <a href=""><img src="/imgs/login-logo.png" alt=""></a>
        </div>
        <div class="wrapper">
            <div class="container">
                <div class="login-form">
                    <h3>
                        <span>帐号登录</span><span>|</span><span>扫码登录</span>
                    </h3>
                    <div class="input">
                        <input type="text" placeholder="请输入账号">
                    </div>
                    <div class="input">
                        <input type="text" placeholder="请输入密码">
                    </div>
                    <div class="btn-box">
                        <a href="javascript:;" class="btn">登录</a>
                    </div>
                    <div class="tips">
                        <div class="sms">手机短信登录/注册</div>
                        <div class="reg">
                            立即注册<span>|</span>忘记密码？
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name:'login'
}
</script>

<style lang="scss">
    @import "./../assets/scss/mixin.scss";
    .login{
        .container{
            height: 113px;
            a{
                img{
                    height: 100%;
                    width: auto;
                }
            }
        }
        .wrapper{
          background:url('/imgs/login-bg.jpg') no-repeat center;
          .container{
              height: 576px;
              position: relative;
              .login-form{
                  width: 410px;
                  height: 510px;
                  box-sizing: border-box;
                  position:absolute;
                  padding-left: 31px;
                  padding-right: 31px;
                  background-color: #ffffff;
                  bottom: 29px;
                  right: 0;
                  h3{
                      text-align: center;
                      font-size: 24px;
                      line-height: 24px;
                      font-weight: bold;
                      margin: 40px auto 49px;
                  }
              }
          }
        }
    }
</style>